<div id="page-title">
<img src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/orders.png" width="50" height="50" class="left-align service-icn " alt="Update Order Status">
				<h1 class="page-heading">Update Order Status</h1>			
</div>            
<div id="breadcrumb" class="transparent">
				<p><img src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/home.png" class="home" alt="Slappit.com"> <a href="<{$APPLICATION_URL}>/Browse/index" title="Slappit.com Homepage">Home</a> / <a href="<{$APPLICATION_URL}>/Browse/MyAccount/index" title="Slappit.com User Panel">Website Admin Panel</a> / <a href="<{$APPLICATION_URL}>/Browse/EcommercePanel/index" title="E-Commerce Panel">E-Commerce Panel</a> / <a href="<{$APPLICATION_URL}>/Browse/CustomerPanel/index" title="Customer Orders Panel">Customer Orders Panel</a> / <a href="<{$APPLICATION_URL}>/Browse/CustomerPanel/viewoOrders" title="Their Orders">Their Orders</a> / <a href="#" title="Update Order Status">Update Order Status</a>
			</div>  
<div id="main-content">            
	<article id="main-article">				
					<ul id="filtering-nav">
      					          					    		<li><a href="<{$APPLICATION_URL}>/Browse/MyAccount/index" title="Back To Main User Panel">Back To Main User Panel</a></li>
		<li><a href="<{$APPLICATION_URL}>/Browse/EcommercePanel/index" title="Back To The E-Commerce Panel">Back To The E-Commerce Panel</a></li>
        <li><a href="<{$APPLICATION_URL}>/Browse/CustomerPanel/index" title="Back Orders Panel">Back Orders Panel</a></li>	
		<li><a href="<{$currentUser->getHomeUrl()}>" target="blank" title="View Website Homepage">View Website Homepage</a></li>
      				</ul>
					<{if $isDemoMode == true}>
					<p><h3 style="font-family:arial"><font color="red">THIS IS DEMO MODE. YOU CANNOT EDIT ANY INFORMATION HERE</font></h3><br/></p>
					<{/if}>
					<form action="<{$APPLICATION_URL}>/Browse/CustomerPanel/updateStatus" method="post" id="update-status-form">
					<ol class="forms">
						<li><p>
						<small>Update Status of Order</small>
						</p></li>
						<li><label for="status" style="padding-right:20px;width:150px;">Current Status</label>
							<select name="status" id="status">																	
								<option value="1" <{if $status == 1}>selected="selected" <{/if}>>Pending</option>													
								<option value="2" <{if $status == 2}>selected="selected" <{/if}>>Processing</option>													
								<option value="3" <{if $status == 3}>selected="selected" <{/if}>>Processed</option>													
								<option value="4" <{if $status == 4}>selected="selected" <{/if}>>Delivered</option>													
							</select>
						</li>
						<li><label for="comment" style="padding-right:10px;width:150px;">Comments</label><textarea name="comment" id="comment" cols="30" rows="12"></textarea></li>						
						<li><a id="login-form" class="silver-button" <{if $isDemoMode == false}>onclick="return processSubmitForm();"<{/if}>
						>Update</a></li>							
						</ol>
						<input type="hidden" id="actionForm" name="actionForm" value=""/>
						<input type="hidden" id="id" name="id" value="<{$id}>"/>
					 </form>
				<div class="clear"></div>
				
		
	</article>								
</div>

<script type="text/javascript">
function processSubmitForm() {		
 	var checkResult = true;
 	var form = document.getElementById('update-status-form');
	
 	if(form)
 	{
		form.actionForm.value = 'submit';
		form.submit();	 	
		return true;
 	}
	
 	return false;
	}

</script> 